<template>
    <view class="details">
       <view class="lunbo">
			<swiper class="swiper-box" circular :indicator-dots="true" :autoplay="true" :interval="2000">
				<swiper-item v-for="(item, index) in lunboData" :key="index">
					<view class="swiper-item">
						<image class="img" :src="item"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
        <uni-card :is-shadow="true">
            <text class="title">鸡场基本信息</text>
            
            <text>石家庄灵寿县方正养殖有限公司成立于2015年6月4日，位于河北省石家庄市灵寿县灵寿镇南合村，是一家以畜牧业为主的有限责任公司。公司注册资本1000万人民币，法定代表人为吴帅，注册状态为存续，登记机关为灵寿县市场监督管理局。
             该公司是省级蛋鸡标准化示范场、无公害产品认证企业，并获评河北省“十佳”家离企业、市级农业产业化重点龙头企业等荣誉称号。</text>
            <text>主营业务包括父母代种鸡养殖(存栏7万套)、商品母雏生产(年提供350万只)以及青年鸡培育(年供应110万只)，采用分段分区全进全出的养殖模式，确保生物安全可控。</text>
            <text>在技术层面，公司引进农大3号和海兰褐节粮型蛋鸡品种，通过精细化管理和先进孵化设备，实现推鸡高均匀度与成活率(产蛋期成语率>95%，高峰产蛋率>95%)。2018年通过“中国商品代育成鸡标准示范场”认证，青年鸡质里符合体重、胫长等关键指标，且提供抗体检测和免疫程序保障。</text>
            <text>2018年通过“中国商品代育成鸡标准示范场”认证，青年鸡质里符合体重、胫长等关键指标，且提供抗体检测和免疫程序保障。
             公司下设灵寿县种鸡场、凤隆养殖有限公司等分支机构，拥有12项商标和2个行政许可，参保人数显示为0(2022年报数据)。其养殖技术注重前期发育管理，提出“5周龄定终身”理念，通过骨骼、免疫器官和消化系统的科学培育提升生产潜力。</text>
        </uni-card>
        <uni-card :is-shadow="true">
            <text class="title">详细报价单</text>
            <uni-table ref="table" border stripe width=100% emptyText="暂无数据" style="margin-top: 20px;">
            <uni-tr class="head">
                <uni-th width="10" align="center">单价</uni-th>
                <uni-th width="20" align="center">数量</uni-th>
                <uni-th width="20" align="center">规格</uni-th>
                <uni-th width="20" align="center">供应量</uni-th>
            </uni-tr>
            <!-- <uni-tr v-for="(item,index) in tableData" :key="index">
                <uni-th align="center" width="10">{{ item.adress }}</uni-th>
                <uni-th align="center" width="10">{{ item.title }}</uni-th>
                <uni-th align="center" width="10">{{ item.day }}</uni-th>
                <uni-th align="center" width="10">{{ item.num }}</uni-th>
                <uni-th align="center" width="10">{{ item.money }}</uni-th>
                <uni-th align="center" width="10" style="color:red;">{{ item.state }}</uni-th>
            </uni-tr> -->
    
        </uni-table>
        </uni-card>
        <uni-card :is-shadow="true">
            <text class="title">联系方式</text>
            <image src="/static/img/code.png"></image>
        </uni-card>
        <!-- <uni-table ref="table" border stripe width=100% emptyText="暂无数据" style="margin-top: 10px;">
            <uni-tr class="head">
                <uni-th width="10" align="center">品种</uni-th>
                <uni-th width="20" align="center">海石灰</uni-th>
                <uni-th width="20" align="center">规格</uni-th>
                <uni-th width="20" align="center">供应量</uni-th>
            </uni-tr>
            <uni-tr v-for="(item,index) in tableData" :key="index">
                <uni-th align="center" width="10">{{ item.adress }}</uni-th>
                <uni-th align="center" width="10">{{ item.title }}</uni-th>
                <uni-th align="center" width="10">{{ item.day }}</uni-th>
                <uni-th align="center" width="10">{{ item.num }}</uni-th>
                <uni-th align="center" width="10">{{ item.money }}</uni-th>
                <uni-th align="center" width="10" style="color:red;">{{ item.state }}</uni-th>
            </uni-tr>
    
        </uni-table> -->
    </view>
</template>

<script>
import list from '../index/data.json'
export default {
    data() {
        return {
          deData: null,
          lunboData: ['/static/img/1.jpg', '/static/img/4.jpg', '/static/img/5.jpg','/static/img/6.jpg']
        }
    },
    onLoad(data) {
      this.deData = list.find(item => item.id === data.id)
      uni.setNavigationBarTitle({
        title: this.deData.title
      })
    },
    methods: {

    }
}
</script>

<style scoped lang="scss">
.details {
    overflow-x: hidden;
}
.lunbo {
    width: 100%;
	.swiper-box{
		height: 400rpx;
	}
    .swiper-item {
        display: block;
        height: 400rpx;
        text-align: center;
        image {
            width: 100%;
            height: 400rpx;
        }
    }
}
.uni-table {
    table-layout: fixed;
    overflow: hidden;
    text-overflow: ellipsis; //省略号表示
    white-space: nowrap; //不换行
    .head {
        background-color: orange;
        .uni-table-th {
            color: #fff !important;
        }
    }

    .uni-table-td {
        table-layout: inherit;
        overflow: hidden;
        text-overflow: ellipsis; //省略号表示
        white-space: nowrap; //不换行
    }

    .uni-table-th {
        box-sizing: border-box;
        padding: 8rpx 5rpx;
        color: #333;
    }
}
.desc {
    text {
        display: block;
        margin: 10px 0;
    }
}
.uni-card {
    text-align: center;
    text {
        display: block;
        text-align: left;
    }
    .title {
        text-align: center;
    }
    image {
        width: 100%;
        height: 600rpx;
    }
}
.title {
	display: block;
    font-size: 36rpx !important;
    color: #000;
    text-align: center;
    font-weight: bold;
    position: relative;
    margin-bottom: 40rpx !important;
	margin-top: 20rpx;
}
.title::after {
    content: '';
    display: block;
    width: 100rpx;
    height: 10rpx;
    background-color: orange;
    border-radius: 10rpx;
    position: absolute;
    bottom: -20rpx;
    left: 50%;
    transform: translateX(-50%);
}
</style>